<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="./font/font_footer/iconfont.css">
  <link rel="stylesheet" href="./css/common-PC.css" />
  <link rel="stylesheet" href="./css/index.css" />
  <script src="./js/library/jquery.js" type="module"></script>
  <script src="./js/index.js" type="module"></script>
</head>

<body>
  <div class="header">
    <div class="banxin">
      <ul class="fl">
        <li><a href="">小米商城</a><span>|</span></li>
        <li><a href="">MIUl</a><span>|</span></li>
        <li><a href="">loT</a><span>|</span></li>
        <li><a href="">云服务</a><span>|</span></li>
        <li><a href="">天星数科</a><span>|</span></li>
        <li><a href="">有品</a><span>|</span></li>
        <li><a href="">小爱开放平台</a><span>|</span></li>
        <li><a href="">企业团购</a><span>|</span></li>
        <li><a href="">资质证照</a><span>|</span></li>
        <li><a href="">协议规则</a><span>|</span></li>
        <li><a href="">下载app</a><span>|</span></li>
        <li><a href="">智能生活</a><span>|</span></li>
        <li><a href="">Select Location</a></li>
      </ul>
      <a class="shoppingcar fr" href="shoppingCart.html">
        <p>
          <span class="glyphicon glyphicon-shopping-cart"></span>
          购物车 （<span class="count">0</span>）
        </p>
      </a>
      <ul class="fr">
        <li><a href="">登录</a><span>|</span></li>
        <li><a href="">注册</a><span>|</span></li>
        <li><a href="">消息通知</a></li>
      </ul>

    </div>
  </div>

  <div class="nav">
    <div class="menu_nav">
      <div class="menu_n">
      <div class="banxin">
        <ul>
          <li>
            <img src="./img/menu_n.png" alt="">
            <p class="p1">小米11 Ultra</p>
            <p class="p2">5999元起</p>
          </li>
          <li>
            <img src="./img/menu_n.png" alt="">
            <p class="p1">小米11 Ultra</p>
            <p class="p2">5999元起</p>
          </li>
          <li>
            <img src="./img/menu_n.png" alt="">
            <p class="p1">小米11 Ultra</p>
            <p class="p2">5999元起</p>
          </li>
          <li>
            <img src="./img/menu_n.png" alt="">
            <p class="p1">小米11 Ultra</p>
            <p class="p2">5999元起</p>
          </li>
          <li>
            <img src="./img/menu_n.png" alt="">
            <p class="p1">小米11 Ultra</p>
            <p class="p2">5999元起</p>
          </li>
          <li>
            <img src="./img/menu_n.png" alt="">
            <p class="p1">小米11 Ultra</p>
            <p class="p2">5999元起</p>
          </li>
        </ul>
      </div>
      </div>

      <div class="menu_n">
        <div class="banxin">
          <ul>
            <li>
              <img src="./img/menu_n2.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n2.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n2.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n2.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n2.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n2.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
          </ul>
        </div>
      </div>

      <div class="menu_n">
        <div class="banxin">
          <ul>
            <li>
              <img src="./img/menu_n3.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n3.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n3.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n3.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n3.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n3.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
          </ul>
        </div>
      </div>

      <div class="menu_n">
        <div class="banxin">
          <ul>
            <li>
              <img src="./img/menu_n4.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n4.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n4.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n4.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n4.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n4.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
          </ul>
        </div>
      </div>

      <div class="menu_n">
        <div class="banxin">
          <ul>
            <li>
              <img src="./img/menu_n5.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n5.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n5.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n5.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n5.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n5.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
          </ul>
        </div>
      </div>

      <div class="menu_n">
        <div class="banxin">
          <ul>
            <li>
              <img src="./img/menu_n6.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n6.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n6.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n6.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n6.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
            <li>
              <img src="./img/menu_n6.png" alt="">
              <p class="p1">小米11 Ultra</p>
              <p class="p2">5999元起</p>
            </li>
          </ul>
        </div>
      </div>
    </div>
    
    <div class="banxin">
      <div class="logo fl">
        <img src="./img/logo.png" alt="" />
        <a href="https://www.mi.com/index.html">xm</a>
      </div>

      <div class="search fr">
        <input type="text" value="小米11" id="search_input" class="fl" />
        <div id="search_btn" class="fl">
          <span class="glyphicon glyphicon-search"></span>
        </div>
      </div>

      <ul class="fr" id="xiala">
        <li>小米手机</li>
        <li>Redmi红米</li>
        <li>电视</li>
        <li>笔记本</li>
        <li>家电</li>
        <li>路由器</li>
        <li>智能硬件</li>
        <li>服务</li>
        <li>社区</li>
      </ul>
    </div>
  </div>

  <div class="banner banxin">
    <div id="banner_bg">
      <img src="./img/banner1.jpg" alt="" />
      <img src="./img/banner2.jpg" alt="" />
      <img src="./img/banner3.jpg" alt="" />
      <img src="./img/banner4.jpg" alt="" />
      <img src="./img/banner1.jpg" alt="" />
    </div>
    <ul>
      <li>
        手机 电话卡<span class="glyphicon glyphicon-menu-right fr"></span>
      </li>
      <li>
        电视 盒子<span class="glyphicon glyphicon-menu-right fr"></span>
      </li>
      <li>
        笔记本 显示器<span class="glyphicon glyphicon-menu-right fr"></span>
      </li>
      <li>
        家电 插线板<span class="glyphicon glyphicon-menu-right fr"></span>
      </li>
      <li>
        出行 穿戴<span class="glyphicon glyphicon-menu-right fr"></span>
      </li>
      <li>
        智能 路由器<span class="glyphicon glyphicon-menu-right fr"></span>
      </li>
      <li>
        电源 配件<span class="glyphicon glyphicon-menu-right fr"></span>
      </li>
      <li>
        健康 儿童<span class="glyphicon glyphicon-menu-right fr"></span>
      </li>
      <li>
        耳机 音箱<span class="glyphicon glyphicon-menu-right fr"></span>
      </li>
      <li>
        生活 箱包<span class="glyphicon glyphicon-menu-right fr"></span>
      </li>
    </ul>
    <div class="menu_banner">
      <div class="menu_c">
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>手机</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>手机</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>手机</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>手机</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>手机</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>手机</p>
        </div>
      </div>

      <div class="menu_c">
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>电视</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>电视</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>电视</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>电视</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>电视</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>电视</p>
        </div>
      </div>

      <div class="menu_c">
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>笔记本</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>笔记本</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>笔记本</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>笔记本</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>笔记本</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>笔记本</p>
        </div>
      </div>

      <div class="menu_c">
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>家电</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>家电</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>家电</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>家电</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>家电</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>家电</p>
        </div>
      </div>

      <div class="menu_c">
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>出行</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>出行</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>出行</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>出行</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>出行</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>出行</p>
        </div>
      </div>


      <div class="menu_c">
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>智能</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>智能</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>智能</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>智能</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>智能</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>智能</p>
        </div>
      </div>

      <div class="menu_c">
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>电源</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>电源</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>电源</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>电源</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>电源</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>电源</p>
        </div>
      </div>

      <div class="menu_c">
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>健康</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>健康</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>健康</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>健康</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>健康</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>健康</p>
        </div>
      </div>

      <div class="menu_c">
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>耳机</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>耳机</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>耳机</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>耳机</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>耳机</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>耳机</p>
        </div>
      </div>

      <div class="menu_c">
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>生活</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>生活</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>生活</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>生活</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>生活</p>
        </div>
        <div class="menu_box">
          <img src="./img/menu_banner.png" alt="">
          <p>生活</p>
        </div>
      </div>

      
    </div>
    <div class="arrow_l arrow">
      <span class="glyphicon glyphicon-menu-left"></span>
    </div>`
    <div class="arrow_r arrow">
      <span class="glyphicon glyphicon-menu-right"></span>
    </div>

    <div id="circle">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
  </div>

  <div class="banner2 banxin">
    <div class="banner2_nav fl">
      <div class="banner2_nav_c">
        <img class="lazy" data-original="./img/banner2_nav1.png" alt="" />
        <p>小米秒杀</p>
      </div>
      <div class="shu"></div>
      <div class="banner2_nav_c">
        <img class="lazy" data-original="./img/banner2_nav2.png" alt="" />
        <p>企业团购</p>
      </div>
      <div class="shu"></div>
      <div class="banner2_nav_c">
        <img class="lazy" data-original="./img/banner2_nav3.png" alt="" />
        <p>F码通道</p>
      </div>
      <div class="heng"></div>
      <div class="heng"></div>
      <div class="heng"></div>
      <div class="banner2_nav_c">
        <img class="lazy" data-original="./img/banner2_nav4.png" alt="" />
        <p>米粉卡</p>
      </div>
      <div class="shu"></div>
      <div class="banner2_nav_c">
        <img class="lazy" data-original="./img/banner2_nav5.png" alt="" />
        <p>以旧换新</p>
      </div>
      <div class="shu"></div>
      <div class="banner2_nav_c">
        <img class="lazy" data-original="./img/banner2_nav6.png" alt="" />
        <p>话费充值</p>
      </div>
    </div>

    <img data-original="./img/show1.png" alt="" class="show lazy" />
    <img data-original="./img/show2.png" alt="" class="show lazy" />
    <img data-original="./img/show3.png" alt="" class="show lazy" />
  </div>
  <div class="container">
    <div class="content banxin">
      <div class="xmms">
        <h2 class="title">
          小米秒杀
          <span class=""><i class="glyphicon glyphicon-menu-right"></i></span>
          <span class=""><i class="glyphicon glyphicon-menu-left"></i></span>
        </h2>
        <div class="tao">
          <div class="daojishi">
            <p class="p1">10:00 场</p>
            <img class="lazy" data-original="./img/flash.png" alt="" />
            <p class="p2">本场活动结束</p>
            <p class="p3">
              <span class="zi">00</span><span>:</span><span class="zi">00</span><span>:</span><span class="zi">00</span>
            </p>
          </div>
          <div class="xmms_c">
            <div class="kuai border_yellow">
              <img class="lazy" data-original="./img/xmms1.png" alt="" />
              <p class="p1">Redmi智能电视A32黑色32...</p>
              <p class="p2">陪伴美好时光</p>
              <p class="p3">
                <span class="span1">888元</span>
                <span class="span2">999元</span>
              </p>
            </div>
            <div class="kuai border_green">
              <img class="lazy" data-original="./img/xmms1.png" alt="" />
              <p class="p1">米兔智能故事机白色</p>
              <p class="p2">能说会道，好玩伴</p>
              <p class="p3">
                <span class="span1">169元</span>
                <span class="span2">199元</span>
              </p>
            </div>
            <div class="kuai border_blue">
              <img class="lazy" data-original="./img/xmms1.png" alt="" />
              <p class="p1">贝医生儿童声波电动牙刷(...</p>
              <p class="p2">会讲故事的电动牙刷</p>
              <p class="p3">
                <span class="span1">199元</span>
                <span class="span2">299元</span>
              </p>
            </div>
            <div class="kuai border_red">
              <img class="lazy" data-original="./img/xmms1.png" alt="" />
              <p class="p1">变形金刚擎天柱</p>
              <p class="p2">正版授权，经典造型高度还原</p>
              <p class="p3">
                <span class="span1">299元</span>
                <span class="span2">399元</span>
              </p>
            </div>
            <div class="kuai border_red">
              <img class="lazy" data-original="./img/xmms1.png" alt="" />
              <p class="p1">变形金刚擎天柱</p>
              <p class="p2">正版授权，经典造型高度还原</p>
              <p class="p3">
                <span class="span1">299元</span>
                <span class="span2">399元</span>
              </p>
            </div>
          </div>
        </div>
        <img data-original="./img/b_.jpg" alt="" class="b_ lazy" />
      </div>
      <div class="phone">
        <h2 class="title">
          手机
          <a href="">查看更多<i class="glyphicon glyphicon-circle-arrow-right"></i></a>
        </h2>
        <div class="title_t">
          <img class="lazy" data-original="./img/phone_t.png" alt="">
        </div>
        <div class="phone_c">
          <div class="kuai">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">Redmi智能电视A32黑色32...</p>
            <p class="p2">陪伴美好时光</p>
            <p class="p3">
              <span class="span1">888元</span>
              <span class="span2">999元</span>
            </p>
          </div>
          <div class="kuai">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">米兔智能故事机白色</p>
            <p class="p2">能说会道，好玩伴</p>
            <p class="p3">
              <span class="span1">169元</span>
              <span class="span2">199元</span>
            </p>
          </div>
          <div class="kuai">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">贝医生儿童声波电动牙刷(...</p>
            <p class="p2">会讲故事的电动牙刷</p>
            <p class="p3">
              <span class="span1">199元</span>
              <span class="span2">299元</span>
            </p>
          </div>
          <div class="kuai" style="margin-right: 0px;">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">变形金刚擎天柱</p>
            <p class="p2">正版授权，经典造型高度还原</p>
            <p class="p3">
              <span class="span1">299元</span>
              <span class="span2">399元</span>
            </p>
          </div>
          <div class="kuai">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">变形金刚擎天柱</p>
            <p class="p2">正版授权，经典造型高度还原</p>
            <p class="p3">
              <span class="span1">299元</span>
              <span class="span2">399元</span>
            </p>
          </div>
          <div class="kuai">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">变形金刚擎天柱</p>
            <p class="p2">正版授权，经典造型高度还原</p>
            <p class="p3">
              <span class="span1">299元</span>
              <span class="span2">399元</span>
            </p>
          </div>
          <div class="kuai">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">变形金刚擎天柱</p>
            <p class="p2">正版授权，经典造型高度还原</p>
            <p class="p3">
              <span class="span1">299元</span>
              <span class="span2">399元</span>
            </p>
          </div>
         
          <div class="kuai" style="margin-right: 0px;">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">变形金刚擎天柱</p>
            <p class="p2">正版授权，经典造型高度还原</p>
            <p class="p3">
              <span class="span1">299元</span>
              <span class="span2">399元</span>
            </p>
          </div>
        </div>

        <img data-original="./img/b_.jpg" alt="" class="b_ lazy" />
      </div>

      <div class="jiadian">
        <h2 class="title">
          家电
          <ul>
            <li>电视影音</li>
            <li>热门</li>
          </ul>
        </h2>
        <div class="title_t">
          <img class="lazy" data-original="./img/jiadian-1.jpg" alt="">
          <img class="lazy" data-original="./img/jiadian-2.jpeg" alt="">
        </div>
        <div class="jiadian_c">
          <div class="last">
            <div class="kuai last_t" style="margin-bottom: 14px;">
              <div class="zi">
                <p class="p1">小米米家空气净化器2S</p>
                <p class="p2">749元</p>
              </div>
              
              <img class="lazy" data-original="img/last.jpg" alt="">
            </div>
            <div class="kuai last_b">
              <div class="zi">
                <p class="p1">浏览更多</p>
                <p class="p2">热门</p>
                
              </div>
              <p class="p3 glyphicon glyphicon-circle-arrow-right"></p>
            </div>
          </div>
        </div>

        <img data-original="./img/b_.jpg" alt="" class="b_ lazy" />
      </div>
      
      <div class="zhineng">
        <h2 class="title">
          智能
          <ul>
            <li>出行</li>
            <li>安防</li>
            <li>热门</li>
          </ul>
        </h2>
        <div class="title_t">
          <img class="lazy" data-original="./img/jiadian-1.jpg" alt="">
          <img class="lazy" data-original="./img/jiadian-2.jpeg" alt="">
        </div>
        <div class="zhineng_c">
          <div class="kuai">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">Redmi智能电视A32黑色32...</p>
            <p class="p2">陪伴美好时光</p>
            <p class="p3">
              <span class="span1">888元</span>
              <span class="span2">999元</span>
            </p>
          </div>
          <div class="kuai">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">米兔智能故事机白色</p>
            <p class="p2">能说会道，好玩伴</p>
            <p class="p3">
              <span class="span1">169元</span>
              <span class="span2">199元</span>
            </p>
          </div>
          <div class="kuai">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">贝医生儿童声波电动牙刷(...</p>
            <p class="p2">会讲故事的电动牙刷</p>
            <p class="p3">
              <span class="span1">199元</span>
              <span class="span2">299元</span>
            </p>
          </div>
          <div class="kuai" style="margin-right: 0px;">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">变形金刚擎天柱</p>
            <p class="p2">正版授权，经典造型高度还原</p>
            <p class="p3">
              <span class="span1">299元</span>
              <span class="span2">399元</span>
            </p>
          </div>
          <div class="kuai">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">变形金刚擎天柱</p>
            <p class="p2">正版授权，经典造型高度还原</p>
            <p class="p3">
              <span class="span1">299元</span>
              <span class="span2">399元</span>
            </p>
          </div>
          <div class="kuai">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">变形金刚擎天柱</p>
            <p class="p2">正版授权，经典造型高度还原</p>
            <p class="p3">
              <span class="span1">299元</span>
              <span class="span2">399元</span>
            </p>
          </div>
          <div class="kuai">
            <img class="lazy" data-original="./img/xmms1.png" alt="" />
            <p class="p1">变形金刚擎天柱</p>
            <p class="p2">正版授权，经典造型高度还原</p>
            <p class="p3">
              <span class="span1">299元</span>
              <span class="span2">399元</span>
            </p>
          </div>
         
          <div class="last">
            <div class="kuai last_t" style="margin-bottom: 14px;">
              <div class="zi">
                <p class="p1">小米米家空气净化器2S</p>
                <p class="p2">749元</p>
              </div>
              
              <img class="lazy" data-original="img/last.jpg" alt="">
            </div>
            <div class="kuai last_b">
              <div class="zi">
                <p class="p1">浏览更多</p>
                <p class="p2">热门</p>
                
              </div>
              <p class="p3 glyphicon glyphicon-circle-arrow-right"></p>
            </div>
          </div>
        </div>

        <img data-original="./img/b_.jpg" alt="" class="b_ lazy" />
      </div>
    </div>
  </div>

  <div class="footer">
    <div class="footer_c banxin">
      <div class="footer_fuwu">
        <ul class="fuwu_ul">
          <li>
            <a href="">
              <span class="iconfont icon-gongju"></span>
              预约维修服务
            </a>
          </li>
          <li>
            <a href="">
              <span class="iconfont icon-7tiantuihuanhuo"></span>
              7天无理由退货
            </a>
          </li>
          <li>
            <a href="">
              <span class="iconfont icon-15tianwuliyoutuihuo"></span>
              15天免费退货
            </a>
          </li>
          <li>
            <a href="">
              <span class="iconfont icon-liwu"></span>
              满69包邮
            </a>
          </li>
          <li>
            <a href="">
              <span class="iconfont icon-weibiaoti-3"></span>
              520余家售后网点
            </a>
          </li>
        </ul>
      </div>
      <div class="footer_links">
        <dl>
          <dt>帮助中心</dt>
          <dd>账户管理</dd>
          <dd>购物指南</dd>
          <dd>订单操作</dd>
        </dl>
        <dl>
          <dt>服务支持</dt>
          <dd>售后政策</dd>
          <dd>自助服务</dd>
          <dd>相关下载</dd>
        </dl>
        <dl>
          <dt>线下门店</dt>
          <dd>小米之家</dd>
          <dd>服务网点</dd>
          <dd>授权体验店</dd>
        </dl>
        <dl>
          <dt>关于小米</dt>
          <dd>了解小米</dd>
          <dd>加入小米</dd>
          <dd>投资者关系</dd>
          <dd>企业社会责任</dd>
          <dd>公益基金会</dd>
        </dl>
        <dl>
          <dt>关注我们</dt>
          <dd>新浪微博</dd>
          <dd>官方微信</dd>
          <dd>联系我们</dd>
          <dd>廉洁举报</dd>
        </dl>
        <dl>
          <dt>特色服务</dt>
          <dd>F码通道</dd>
          <dd>礼物码</dd>
          <dd>防伪查询</dd>
        </dl>
        <div class="lianxi">
          <p  class="p1">400-100-5678</p>
          <p  class="p2">8:00-18:00（仅收市话费）</p>
          <a href="">
            <span class="glyphicon glyphicon-envelope"></span>  人工客服
          </a>
        </div>
      </div>
    </div>
  </div>

  <div class="footer_bottom">
    <div class="bottom-c">
      <div class="logo fl">
        <img class="lazy" data-original="./img/logo.png" alt="" />
        <a href="https://www.mi.com/index.html">xm</a>
      </div>
      <div class="bottom-text">
        <p>
          <a href="">小米商城</a>
          <span>|</span>
          <a href="">MIUI</a>
          <span>|</span>
          <a href="">米家</a>
          <span>|</span>
          <a href="">米聊</a>
          <span>|</span>
          <a href="">多看</a>
          <span>|</span>
          <a href="">游戏</a>
          <span>|</span>
          <a href="">政企服务</a>
          <span>|</span>
          <a href="">小米天猫店</a>
          <span>|</span>
          <a href="">小米集团隐私政策</a>
          <span>|</span>
          <a href="">小米公司儿童信息保护规则</a>
          <span>|</span>
          <a href="">小米商城隐私政策</a>
          <span>|</span>
          <a href="">小米商城用户协议</a>
          <span>|</span>
          <a href="">用户反馈</a>
          <span>|</span>
          <a href="">Select Location</a>
          <span>|</span>
        </p>
        <p>
          <a href="">
            北京互联网法院法律服务工作站
          </a>
          <span>|</span>
          <a href="">
            中国消费者协会
          </a>
          <span>|</span>
          <a href="">
            北京市消费者协会
          </a>
        </p>
        <p>
          <a href="">&copy;mi.com京ICP证110507号京ICP备10046444号京公网安备11010802020134号京网文[2020]0276-042号</a>
          <br>
          <a href="">(京)网械平台备字(2018 ）第O0005号互联网药品信息服务资格证(京)-非经营性-2014-0090营业执照医疗器械质量公告</a>
          <br>
          <a href="">增值电信业务许可证网络食品经营备案京食药网食备202010048食品经营许可证</a>
          <br>
          <a href="">违法和不良信息举报电话:171-5104-4404知识产权侵权投诉本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>

        </p>
        <div class="bottom-img">
          <a href="">
            <img class="lazy" data-original="./img/ysrz.png" alt="">
          </a>
          <a href="">
            <img class="lazy" data-original="./img/cxwz.png" alt="">
          </a>
          <a href="">
            <img class="lazy" data-original="./img/kxwz.png" alt="">
          </a>
          <a href="">
            <img class="lazy" data-original="./img/cxjy.png" alt="">
          </a>
          <a href="">
            <img class="lazy" data-original="./img/yfw.png" alt="">
          </a>
        </div>
      </div>

    </div>
    <p>让全球每个人都能享受科技带来的美好生活</p>
  </div>

  <div class="cebianlan">
    <div class="cebianlan_box">
      <p class="p1 glyphicon glyphicon-phone"></p>
      <p class="p2">手机APP</p>
    </div>
    <div class="cebianlan_box">
      <p class="p1 glyphicon glyphicon-user"></p>
      <p class="p2">个人中心</p>
    </div>
    <div class="cebianlan_box">
      <p class="p1 glyphicon glyphicon-wrench"></p>
      <p class="p2">售后服务</p>
    </div>
    <div class="cebianlan_box">
      <p class="p1 glyphicon glyphicon-headphones"></p>
      <p class="p2">人工客服</p>
    </div>
    <div class="cebianlan_box">
      <p class="p1 glyphicon glyphicon-shopping-cart"></p>
      <p class="p2">购物车</p>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>

  <script src="./js/library/lazyload/jquery-1.11.0.min.js"></script>
  <script src="./js/library/lazyload/jquery.lazyload.js"></script>
    <script type="text/javascript" charset="utf-8">
      $(function() {
          $("img.lazy").lazyload({effect: "fadeIn"});
      });
    </script>
</body>

</html>